<div class="container container-search-box-yellow-page">
  <label>
    <input type="search"
           placeholder="输入你想查找的号码"
           ng-model="yellowPage.searchKeyword"
           class="input-search-yellow-page"/>
  </label>

  <div class="tab-zone">
    <span ng-class="{'zone-school-active': yellowPage.schoolZone === '屏峰'}"
          ng-click="yellowPage.changeSchoolZone('pf')">
      屏峰
    </span>
    <span ng-class="{'zone-school-active': yellowPage.schoolZone === '朝晖'}"
          ng-click="yellowPage.changeSchoolZone('zh')">
      朝晖
    </span>
  </div>
</div>

<div class="container">
  <div class="block" ng-repeat="contact in yellowPage.contacts ">
    <div class="title">
      <span class="shape">&nbsp;</span>{{contact.category}}
    </div>
    <ul class="list">
      <div ng-repeat="contactItem in contact.contactNumbers | filter: yellowPage.contactsFilter(yellowPage.searchKeyword, contact.category)"
           class="contactItem">
        <li class="column2">{{contactItem.name}}</li>
        <li class="column2">{{contactItem.number}}</li>
      </div>
      <li style="border:none;clear:both;height:0;float:none;"></li>
    </ul>
  </div>
</div>
